<template>
  <div>
    <Header></Header>
    <div class="mapBox">
      <iframe v-show="iframeState" id="show-iframe" width="100%" height="100%"  frameborder=0  scrolling=auto :src="'https://map.baidu.com/mobile/webapp/search/search/qt=s&wd='+ $store.state.detailTitle+'/?third_party=uri_api'"></iframe>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import { MessageBox } from 'mint-ui'
  import Header from './comment/header/header'
  export default {
    components:{Header},
    data(){
      return{
        iframeState:true
      }
    }
  };
</script>

<style scoped="scoped">
  .mapBox{width: 100%;height: 100vh;padding-top: 0.44rem}
</style>
